<template>
    <div>
  <label>Name: </label>
  <input type="text" :value="name" @input="updateName($event.target.value)" />
  <label>Age: </label>
  <input  type="text" :value="age" @input="updateAge($event.target.value)" />
 </div>
</template>

<script>
export default {
    props:{
        name:{
            type:String,
            default:"0"
        },
        age:{
            type:String,
            default:"0"
        }
    },
    setup(props,{emit}){
        const updateName = value => {
            emit('update:name', value)
        }
        const updateAge = value => {
            emit('update:age', value)
        }
        return { updateName, updateAge }
    }
}
</script>